<div class="layuimini-main" xmlns:th="http://www.w3.org/1999/xhtml">
<style>
    .layuimini-form .layui-form-item label{ line-height: 40px; text-align: right; padding-right: 10px;}
    .w-e-text-container{ min-height: 570px !important;}
    #article_image{ max-height: 300px; max-width: 150px;}
</style>
    <div class="layui-form layuimini-form">
        <input type="hidden" id="id" name="id" th:value="${id}">
        <!-- 附件临时业务id -->
        <input type="hidden" id="serviceId" name="serviceId" th:value="${serviceId}">
        <div class="layui-form-item layui-row">
            <label class="layui-col-sm1 required">文章标题</label>
            <div class="layui-col-sm11">
                <input type="text" name="title" id="title" lay-verify="required" lay-reqtext="标题不能为空" placeholder="请输入标题" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-row">
            <label class="layui-col-sm1 required">文章封面图</label>
            <div class="layui-upload layui-col-sm11">
                <button type="button" class="layui-btn" id="imgBtn">上传图片</button>
                <div class="layui-upload-list update_list">
                    <img class="layui-upload-img" id="article_image" src="/article_image/article_image.jpg">
                    <p id="article_image_text"></p>
                    <input type="hidden" id="articleImagePath" name="img" value="article_image.jpg">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-row">
            <div class="layui-col-sm3">
                <label class="layui-col-sm4 required">阅读数量</label>
                <div class="layui-col-sm8">
                    <input type="number" name="readNum" id="readNum" lay-verify="required" lay-reqtext="阅读数量不能为空" placeholder="请输入阅读数量" value="0" class="layui-input">
                </div>
            </div>
            <div class="layui-col-sm3">
                <label class="layui-col-sm4 required">赞数量</label>
                <div class="layui-col-sm8">
                    <input type="number" name="praiseNum" id="praiseNum" lay-verify="required" lay-reqtext="赞数量不能为空" placeholder="请输入赞数量" value="0" class="layui-input">
                </div>
            </div>
            <div class="layui-col-sm3">
                <label class="layui-col-sm4 required">是否推荐</label>
                <div class="layui-col-sm8">
                    <input type="checkbox" id="isTopSwitch" lay-filter="isTopSwitch" lay-skin="switch" lay-text="推荐|正常">
                    <input type="hidden" name="isTop" id="isTop" value="0">
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text layui-row">
            <label class="layui-col-sm1">备注</label>
            <div class="layui-col-sm11">
                <textarea name="remark" id="remark" placeholder="备注" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-row">
            <label class="layui-col-sm1">附件</label>
            <div class="layui-upload layui-col-sm11">
                <button type="button" class="layui-btn" id="uploadFileBtn">上传附件</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    <div class="layui-upload-list" id="pre_file" style="max-height: 150px; overflow-y: scroll;"></div>
                </blockquote>
                <div class="layui-progress" lay-filter="file-progress" lay-showPercent="true" style="margin-top: 25px;">
                    <div class="layui-progress-bar layui-bg-red" lay-percent="0/0" id="file-progress"></div>
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-row">
            <label class="layui-col-sm1 required">标签</label>
            <div class="layui-col-sm11" id="initTagList">
                <div id="initTagIcon">
                    <i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
                </div>
                <input type="hidden" id="boTagArr" name="boTagArr">
            </div>
        </div>
        <div class="layui-form-item layui-row">
            <label class="layui-col-sm1 required">内容</label>
            <div class="layui-col-sm11">
                <div id="editorContent" style="min-height:600px"></div>
                <input type="hidden" id="content" name="content">
            </div>
        </div>
        <div class="layui-form-item" style="text-align: right;">
            <div>
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">保存</button>
                <button class="layui-btn layui-btn-primary" id="closeBtn">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 导入js -->
<!-- wangEditor 富文本编辑器js -->
<script type="text/javascript" src="/layuimini/js/lay-module/wangEditor/wangEditor.js"></script>
<script type="text/javascript" src="/web/boArticle/boArticle_add.js"></script>